body, main,h1,h2,h3,p{margin:0;padding: 0;

}
main>section{width: 500px;
height: 120px;
margin: 0 auto;

border-radius: 20px;}
main{width: 1200px;
padding: 50px 0 ;background-image: url( img/wood.png);

margin: 0 auto ;
}
#jl{ background-color: black;
background-image: url(img/diwen.png);
background-size: 500px 200px;
z-index: 900;
}
#grxx{background: wheat;
margin-top: -10px;
z-index: 800;
}
#lxfs{background: salmon;
margin-top: -10px;
z-index: 700;}
#jyjl{background: darkgoldenrod;
margin-top: -10px;
z-index: 600;}
#xjjl{background: seagreen;
margin-top: -10px;
z-index: 500;}
#jnsp{background: darkslategray;
margin-top: -10px;
z-index: 400;}
#zwpj{background: slateblue
;margin-top: -10px;
z-index: 300;}
#qzyx{background: chocolate;
margin-top: -10px;
z-index: 200;
position: relative;
overflow: hidden;   }
main  section:nth-child(2n+1){position: relative;
left: -60px}
main section:nth-child(2n){
    position: relative;
    left: 60px;
    
}
main section div{width: 30px;
height: 30px;
border-radius: 50%;
background-image: url(img/wood.png);
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
}
#jl{transform: rotate(-2deg);}
h1{color: white;
font-size: 50px; 
position: absolute;
right: 15px;
top: 20px;
z-index: 3;}
#jl p{font-size: 25px;
color: cornflowerblue;
position: absolute;
font-family: 仿宋;
left: 60px;
bottom: 20px;}
#jl p small{font-size: 16px;
color: white;}
h2{font-size:25px;
position: absolute;
top: 1px;
right: 20px;}
#grxx  p:nth-of-type(1){
    position: absolute;
    right: 20px;
top: 40px;}
#grxx  p:nth-of-type(2){
 position: absolute;
    left: 60px;
top: 45px;}
#grxx p{font-size: 13px;
text-align: right;}
h3{font-size:  30px;
color: white;
position: absolute;
top: 25px;
right: 7px;}
#zwpj p{font-size: 13px;
position: absolute;
bottom: 20px;
left: 44px;
}
#qzyx p:nth-of-type(1){font-size: 30px;
color: white;
position: absolute;top: 15px;
left: 100px;z-index: 1;

}
#qzyx p:nth-of-type(1):first-letter{color: blue;}
#qzyx p:nth-of-type(2){color: white;
font-size: 45px;
position: absolute;
bottom: 10px;
right: 30px;
z-index: 1;}
#yl{width: 200px;
height: 200px;
background: yellow;
background-size: 100%;
border-radius: 50%;
position: absolute;
left: 50px;
top: -50px;
  opacity: 0.5;}
#bl{width: 300px;
height: 300px;
background:blue;
background-size: 100%;
 border-radius: 50%;
 position: absolute;
 left:200px;
 top: -20px;
 z-index: 0;
 
}